@barHeight: 45px;

.leftSider {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}

.onlineCount {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #F0F0F0;
  padding: 0 10px;
  height: @barHeight;
  line-height: @barHeight;
}

.textRed {
  color: #ff3300;
  font-weight: bold;
}

.textBlue {
  color: #1890ff;
  font-weight: bold;
}

.orgList {
  padding: 10px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.item {
  margin-bottom: 10px;
}

.tree {
  flex: 1;
  margin: -10px -10px -10px;
  overflow-y: auto;
  overflow-x: hidden;
}

:global {

  .ant-input {
    border-radius: 0;
  }

  .ant-tree-title {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-tabs-content {
    height: 100%;
  }
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pullLeft {
  float: left;
}

.pullRight {
  float: right;
}

// .contextMenu {
//     position  : absolute;
//     border    : 1px solid #FFFFFF;
//     background: #F5F5F5;
//     min-width : 130px;
//     box-shadow: 0 0 10px rgba(33, 33, 33, .25);

//     li {
//         a {
//             padding   : 5px 15px;
//             display   : block;
//             color     : #333333;
//             transition: all .2s;
//             cursor    : default;

//             &:hover {
//                 color     : #FFFFFF;
//                 background: #1890ff;
//             }
//         }

//     }
// }

.treeOnlineCount {
  padding: 3px 8px;
  font-size: 0.8em;
  font-weight: bold;
  margin-left: 5px;
  border-radius: 10px;
  background-color: #E8E8E8
}

.contextMenu {
  :global {}


}
